<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="style/main.css" />
<link rel="stylesheet" type="text/css" href="style/header.css"/>
<link rel="stylesheet" type="text/css" href="style/reset.css"/>
<link rel="stylesheet" type="text/css" href="style/index.css"/>
<link rel="stylesheet" type="text/css" href="style/public.css"/>
</head>
<body>
<!--顶部开始-->
<div class="header">
    <div class="header_box">
    	<ul>
        	<li class="header_box_left">
                您好，欢迎来星汇！
                <a href="#"><img align="absMiddle" src="images/user.gif" />&nbsp;请登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="#"><img align="absMiddle" src="images/key.gif" />&nbsp;免费注册</a>
            </li>
        	<li class="header_box_right">
                <a class="header_tag_link" href="#"><img align="absMiddle" src="images/cart.gif" />&nbsp;我要买 </a>
                <a class="header_tag_link" href="#"><img align="absMiddle" src="images/coins.gif" />&nbsp;我的星汇</a> 
                <a class="header_tag_link2" href="#"><img align="absMiddle" src="images/help.gif" />&nbsp;帮助中心</a>
            </li>
        </ul>
    </div>
</div>
<div class="tagDiv"></div>
<!--顶部结束-->

<!--顶部菜单开始-->
<div class="area">
  <div class="logo"> <a href="#"><img src="images/logo.jpg" /></a> </div>
  <div class="navCtn">
    <div class="hotLime"><img width="780" height="60" src="images/img5.gif" /></div>
    <ul class="nav">
      <li class="sel"> <a href="#">首页</a> </li><li> <a href="#">数码家电</a> </li><li> <a href="#">宠物社区</a> </li><li> <a href="#">情趣用品</a> </li><li> <a href="#">母婴用品</a> </li><li> <a href="#">保健用品</a> </li><li> <a href="#">保健用品</a> </li><li> <a href="#">保健用品</a> </li><li> <a href="#">保健用品</a> </li>
    </ul>
  </div>
</div>

<div class="searchbar">
  <div class="area">
  <div class="motto">
  
  </div>
  
  <div class="searchCtn">
    <input class="seakey cGray999" name="" type="text" value="输入品牌或商品进行搜索" /><input class="btn_search" name="" type="button" />
  </div>
  
  <div class="hotwords">
  热门搜索：<a href="#">保湿</a><a href="#">BB霜</a><a href="#">雅顿</a><a href="#">诗兰黛</a><a href="#">贝佳</a>
  </div>
  </div>
</div>
<!--顶部菜单结束-->


<div class="wrap">
    
    <!--当前位置开始-->
    <div class="map"><img align="absMiddle" src="images/house.gif" />&nbsp;当前位置：<a href="#">星购首页</a>&nbsp;<img align="absMiddle" src="images/map_tag.gif" />&nbsp;我的星购</div>
    <!--当前位置结束-->
    
    <!--左边box开始-->
    <div class="shop_left">
    
    	<div class="shop_classify_left_title">美容化妆</div>
    	<div class="shop_classify_left_box">
            <ul>美容护肤/美体/精油
            	<li><a href="#">乳液/面霜 (205973)</a></li>
            	<li><a href="#">化妆水/爽肤水 (117332)</a></li>
            	<li><a href="#">面膜 (108588)</a></li>
            	<li><a href="#">洁面 (102155) </a></li>
            	<li><a href="#">卸妆 (26843) </a></li>
            	<li><a href="#">眼部护理 (75962) </a></li>
            	<li><a href="#">面部精华 (81822) </a></li>
            	<li><a href="#">唇部护理 (16039)</a></li>
            	<li><a href="#">面部按摩霜 (6090)</a></li>
            	<li><a href="#">T区护理 (3799)</a></li>
            </ul>
        </div> 
        
    	<div class="shop_left_title">商品搜索</div>
    	<div class="shop_left_search_box">
        	<ul>
            	<li><input class="login_input" style="width:100%;" name="" type="text" /></li>
            	<li><img align="absMiddle" src="images/search_btn2.gif" /></li>
            </ul>
        </div>
        
    	<div class="shop_left_title">最近浏览记录</div>
    	<div class="shop_record_box">
        	<ul>
            	<li><a href="#"><img style="padding-right:10px;" src="images/img1.gif" align="left" />包淘淘2010新款手爪纹高仿真皮（PU）包/女包9807</a></li>
            	<li><a href="#"><img style="padding-right:10px;" src="images/img1.gif" align="left" />包淘淘2010新款手爪纹高仿真皮（PU）包/女包9807</a></li>
            	<li><a href="#"><img style="padding-right:10px;" src="images/img1.gif" align="left" />包淘淘2010新款手爪纹高仿真皮（PU）包/女包9807</a></li>
            	<li><a href="#"><img style="padding-right:10px;" src="images/img1.gif" align="left" />包淘淘2010新款手爪纹高仿真皮（PU）包/女包9807</a></li>
            	<li><a href="#"><img style="padding-right:10px;" src="images/img1.gif" align="left" />包淘淘2010新款手爪纹高仿真皮（PU）包/女包9807</a></li>
            </ul>
        </div>
        
        <div class="shop_classify_img_box">
        	<ul>
            	<li><img width="210" src="images/img4.jpg" /></li>
            	<li><img width="210" src="images/img5.jpg" /></li>
            </ul>
        </div>
        
    </div>
    <!--左边box开始-->
    
    <!--右边box开始-->    
    <div class="shop_right">
        
        <!--筛选条件开始-->
        <div class="screen_box">
        	<h3 class="screen_title">筛选条件</h3>
            <ul>
            	<li><span>品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;牌：</span><a href="#">全部</a><a href="#">Albion</a><a href="#">爱茉莉</a><a href="#">澳尔滨</a><a href="#">雅芳</a><a href="#">安尚秀</a><a href="#">碧欧泉</a></li>
            	<li><span>化妆品功效：</span><a href="#">全部</a><a href="#">美白</a><a href="#">补水</a><a href="#">抗菌消炎</a><a href="#">祛斑</a><a href="#">保湿</a><a href="#">去角质</a><a href="#">控油</a><a href="#">抗敏感</a></li>
            	<li><span>化妆品规格：</span><a href="#">全部</a><a href="#">小样/中样</a><a href="#">正常规格</a></li>
            </ul>
        </div>
        <!--筛选条件结束-->
        
        <!--筛选结果开始-->
        <table style="margin-top:10px;" class="tab_btn_box" width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr height="35">
                <td align="left">
                <a href="#"><img align="absMiddle" src="images/btn12.gif" /></a>
                <a href="#"><img align="absMiddle" src="images/btn13.gif" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
                排列：
                <a href="#"><img align="absMiddle" src="images/btn14.gif" /></a>
                <a href="#"><img align="absMiddle" src="images/btn15.gif" /></a>
                <a href="#"><img align="absMiddle" src="images/btn16.gif" /></a>
                </td>
                <td align="right"><a href="#"><img align="absMiddle" src="images/tag_left.gif" />&nbsp;上页</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">下页&nbsp;<img align="absMiddle" src="images/tag_right.gif" /></a>&nbsp;跳转到&nbsp;<input class="tab_input" style="width:10px;" name="" type="text" />&nbsp;页&nbsp;<input name="" type="button" value="确定" /></td>
            </tr>
        </table>
        <div class="shop_record_box_title">筛选结果</div>
        <div class="shop_box">
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        </div>
		<div style="height:30px;" class="tagDiv"></div>
        <table class="tab_btn_box" width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr height="35">
                <td align="left">
                <a href="#"><img align="absMiddle" src="images/btn12.gif" /></a>
                <a href="#"><img align="absMiddle" src="images/btn13.gif" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
                排列：
                <a href="#"><img align="absMiddle" src="images/btn14.gif" /></a>
                <a href="#"><img align="absMiddle" src="images/btn15.gif" /></a>
                <a href="#"><img align="absMiddle" src="images/btn16.gif" /></a>
                </td>
                <td align="right"><a href="#"><img align="absMiddle" src="images/tag_left.gif" />&nbsp;上页</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">下页&nbsp;<img align="absMiddle" src="images/tag_right.gif" /></a>&nbsp;跳转到&nbsp;<input class="tab_input" style="width:10px;" name="" type="text" />&nbsp;页&nbsp;<input name="" type="button" value="确定" /></td>
            </tr>
        </table>
        <!--筛选结果结束-->   
        
    </div>
    <!--右边box开始-->
</div>


<!--底部开始-->
<div class="tagDiv"></div>
<div class="footer">
	<ul>
    	<li><a href="#">关于我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">人才招聘</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">商家入驻</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">广告服务</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">京东社区</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">友情链接</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">销售联盟</a></li>
        <li>北京市公安局海淀分局备案编号：1101081681京东商城版权所有</li>
        <li>Copyright © 2006-2011 Xhgo.net. All rights reserved.</li>
        <li><img src="images/link_1.gif" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/link_2.gif" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/link_3.gif" /></li>
    </ul>
</div>
<!--底部结束-->
  
</body>
</html>
